﻿<UserControl
    x:Class="JumpstartApp.Contracts.Settings"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:JumpstartApp.Contracts"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="768"
    d:DesignWidth="320">

    <ScrollViewer HorizontalScrollBarVisibility="Hidden" VerticalScrollBarVisibility="Auto">
        <Grid Background="{StaticResource PrimaryBrush}" x:Name="MyGrid">
            <Grid.RowDefinitions>
                <RowDefinition Height="80" />
                <RowDefinition />
            </Grid.RowDefinitions>

            <Rectangle Height="100" Grid.RowSpan="2" VerticalAlignment="Top">
                <Rectangle.Fill>
                    <SolidColorBrush Color="Black" Opacity=".5" />
                </Rectangle.Fill>
            </Rectangle>

            <StackPanel Orientation="Horizontal" Margin="20,0">
                <Button Click="Button_Click_1" Style="{StaticResource BackButtonStyle}" Margin="0,0,20,0"></Button>
                <TextBlock x:Uid="Settings_Title" Style="{StaticResource PageHeaderTextStyle}" Margin="0">Settings</TextBlock>
            </StackPanel>
            
            <StackPanel Grid.Row="1" Margin="20,40,0,0">
                
                <TextBlock Style="{StaticResource TitleTextStyle}" Margin="5">Use Microsoft Account</TextBlock>
                <ToggleSwitch OnContent="Enabled" OffContent="Disabled" IsOn="{Binding AllowLoginSetting, Mode=TwoWay}"  />
                
                <TextBlock Style="{StaticResource TitleTextStyle}" Margin="5">Color</TextBlock>
                <GridView SelectionMode="None" IsItemClickEnabled="True" ItemClick="GridView_ItemClick_1">
                    <GridView.ItemsPanel>
                        <ItemsPanelTemplate>
                            <StackPanel Orientation="Horizontal" />
                        </ItemsPanelTemplate>
                    </GridView.ItemsPanel>
                    <Rectangle Fill="Red" Height="50" Width="50" />
                    <Rectangle Fill="Green" Height="50" Width="50" />
                    <Rectangle Fill="Blue" Height="50" Width="50" />
                    <Rectangle Fill="Orange" Height="50" Width="50" />
                </GridView>
                
                <TextBlock Style="{StaticResource TitleTextStyle}" Margin="5">Show Silouhette</TextBlock>
                <ToggleSwitch OnContent="Visible" OffContent="Hidden" IsOn="{Binding ShowSilhouetteSetting, Mode=TwoWay}"  />
                
                <TextBlock Style="{StaticResource TitleTextStyle}" Margin="5">Limit Data Size</TextBlock>
                <ToggleSwitch OnContent="Most" OffContent="All" IsOn="{Binding LimiteDataSetting, Mode=TwoWay}"  />
                
            </StackPanel>
        </Grid>
    </ScrollViewer>
    
</UserControl>
